<!-- 活动页面 -->
<!DOCTYPE html
    PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>焦点学苑</title>
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/style.css">
</head>
<script>
    function changeto (url) {
        window.location.href = url;
    }
</script>

<body>
    <div class="head-box">
        <div class="head wrap">
            <div class="logo fl"><a href=""><img src="/images/logo.png"></a></div>
            <div class="head-right fr">
                <div class="head-a fr">
                    <div class="head-a1 fl"><a href=""><img src="/images/tb-a.png"></a></div>
                    <div class="head-a1 fl"><a href=""><img src="/images/tb-b.png"></a></div>
                    <!-- <span th:if="${not #strings.isEmpty(session.u?.getUid())}">
                        <div class="head-a4 fl">
                            <select name="" id="" class="head-a3" onchange="changeto($(this).val())">
                                <option value="" checked>我的</option>
                                <option value="/article-add.html"><a href="/blog/user/add.to"> 发表文章</a></option>
                                <option value="/ainArticleList"><a>我的作品</a></option>
                                <option value="/userConcernList"><a>我的收藏</a></option>
                                <option value="/logout"><a>注销</a></option>
                            </select>
                        </div>
                    </span> -->
                </div>
                <div class="clearfix"></div>
                <div class="nav fr">
                    <ul>
                        <li class="nav-cut"><a href="/">首页</a></li>
                        <li><a href="/blog/user/article.to">文章</a>
                            <!-- <div class="sub-nav">
                                <div class="bich-top"></div>
                                <div class="bich">
                                    <a href="">服饰</a>
                                    <a href="">美食</a>
                                    <a href="">出行</a>
                                    <a href="">约会</a>
                                </div>

                            </div> -->
                        </li>
                        <li><a href="/course/courseList">课程</a></li>
                        <li><a href="#">活动</a></li>
                        <li><a href="#">联系我们</a></li>

                    </ul>
                </div>
                <div class="clearfix"></div>
            </div>
        </div>
    </div>


    <div class="content">
        <div class="wrap">
            <div class="tsm-height"></div>
            <div class="act-banner">
                <div class="hd">
                    <ul>
                        <li style="background:url(upload/act-banner.jpg) no-repeat center center;height:315px"></li>
                        <li style="background:url(upload/act-banner.jpg) no-repeat center center;height:315px"></li>
                    </ul>
                </div>
                <div class="bd">
                    <ul></ul>
                </div>
            </div>

            <div class="act-a">
                <div class="act-a1 mr-20 fl">
                    <div class="act-a-img"><img src="upload/act-a1.jpg">
                        <div class="inside">
                            <div class="ins-a"><a href="">查看</a></div>
                        </div>
                    </div>
                    <div class="act-a2">活动主题</div>

                </div>

                <div class="act-a1 fl">
                    <div class="act-a-img"><img src="upload/act-a2.jpg">
                        <div class="inside">
                            <div class="ins-a"><a href="">查看</a></div>
                        </div>
                    </div>
                    <div class="act-a2">活动主题</div>

                </div>

            </div>
            <div class="act-b">
                <ul class="act-ul">
                    <a href="">
                        <li>
                            <div class="act-b1"><img src="upload/act-b1.jpg"></div>
                            <div class="act-a2">活动主题</div>
                        </li>
                    </a>

                    <a href="">
                        <li>
                            <div class="act-b1"><img src="upload/act-b2.jpg"></div>
                            <div class="act-a2">活动主题</div>
                        </li>
                    </a>

                    <a href="">
                        <li>
                            <div class="act-b1"><img src="upload/act-b3.jpg"></div>
                            <div class="act-a2">活动主题</div>
                        </li>
                    </a>

                    <a href="">
                        <li>
                            <div class="act-b1"><img src="upload/act-b1.jpg"></div>
                            <div class="act-a2">活动主题</div>
                        </li>
                    </a>

                    <a href="">
                        <li>
                            <div class="act-b1"><img src="upload/act-b2.jpg"></div>
                            <div class="act-a2">活动主题</div>
                        </li>
                    </a>

                    <a href="">
                        <li>
                            <div class="act-b1"><img src="upload/act-b3.jpg"></div>
                            <div class="act-a2">活动主题</div>
                        </li>
                    </a>

                </ul>
            </div>

            <div class="act-a">
                <div class="act-a1 mr-20 fl">
                    <div class="act-a-img"><img src="upload/act-a1.jpg">
                        <div class="inside">
                            <div class="ins-a"><a href="">查看</a></div>
                        </div>
                    </div>
                    <div class="act-a2">活动主题</div>

                </div>

                <div class="act-a1 fl">
                    <div class="act-a-img"><img src="upload/act-a2.jpg">
                        <div class="inside">
                            <div class="ins-a"><a href="">查看</a></div>
                        </div>
                    </div>
                    <div class="act-a2">活动主题</div>

                </div>

            </div>

            <div class="act-b">
                <ul class="act-ul">
                    <a href="">
                        <li>
                            <div class="act-b1"><img src="upload/act-b1.jpg"></div>
                            <div class="act-a2">活动主题</div>
                        </li>
                    </a>

                    <a href="">
                        <li>
                            <div class="act-b1"><img src="upload/act-b2.jpg"></div>
                            <div class="act-a2">活动主题</div>
                        </li>
                    </a>

                    <a href="">
                        <li>
                            <div class="act-b1"><img src="upload/act-b3.jpg"></div>
                            <div class="act-a2">活动主题</div>
                        </li>
                    </a>
                </ul>
            </div>

            <div class="page m-48">
                <a href="" class="page-cut">1</a>
                <a href="">2</a>
                <a href="">》</a>
            </div>

            <div class="act-e"><a href=""><img src="upload/act-f.jpg"></a></div>
        </div>
    </div>
    <div class="footer">
        <div class="wrap">
            <div class="foot">
                <div class="foot-left fl">
                    <a href="">关于我们</a>
                    <a href="">加入我们</a>
                    <a href="contact.html">联系我们</a>
                    <a href="">媒体采访</a>
                </div>
                <div class="foot-c fl"><a href=""><img src="images/foot-logo.jpg"></a></div>
                <div class="foot-right fr">
                    <a href="">同城活动</a>
                    <a href="">课程资讯</a>
                    <a href="">最新发布</a>
                    <a href="">热门文章</a>
                </div>
            </div>
            <div class="foot-btm">网页制作by云邦</div>
        </div>
    </div>


    <!--登录注册弹窗-->
    <div class="mask"></div>
    <div class="login">
        <div class="login-title">
            <div class="login-a">登录</div>
            <div class="login-b"></div>
            <div class="login-c close">x</div>
        </div>
        <div class="login-btm">
            <div class="login-d"><input type="text" class="login-text" placeholder="注册时填写的邮箱"></div>
            <div class="login-d"><input type="password" class="login-pas" placeholder="密码"></div>
            <div class="login-d"><input type="button" class="login-btn" placeholder="登录"></div>
            <div class="login-f">
                <a href="">忘记密码</a>
                <span>还没有焦点账号?><a href="javascript:;" class="reg-href">点击注册</a></span>
            </div>
        </div>
    </div>

    <div class="reg">
        <div class="login-title">
            <div class="login-a">注册</div>
            <div class="login-b"></div>
            <div class="login-c close">x</div>
        </div>
        <div class="login-btm">
            <div class="login-d"><input type="text" class="login-text" placeholder="邮箱/手机号"></div>
            <div class="login-d"><input type="password" class="login-pas" placeholder="密码"></div>
            <div class="login-d"><input type="button" class="login-btn" placeholder="注册"></div>
            <div class="login-f">
                <a href="">忘记密码</a>
            </div>
        </div>
    </div>


    <script src="js/jquery-1.11.1.min.js"></script>
    <script src="js/Action.js"></script>
    <script src="js/jquery.SuperSlide.2.1.1.js"></script>
    <script>
        $(".act-banner").slide({
            titCell: ".bd ul",
            mainCell: ".hd ul",
            effect: "fold",
            autoPlay: true,
            autoPage: true,
            mouseOverStop: false,
            trigger: "click",
            startFun: function (i) {
                var curLi = jQuery(".act-banner .bd li").eq(i);
                if (!!curLi.attr("_src")) {
                    curLi.css("background-image", curLi.attr("_src")).removeAttr("_src")
                }
            }
        })	
    </script>

    <script>
        $(".act-a-img").hover(function () {
            $(this).find(".inside").stop(true, true).animate({ top: 0 }, 500);
        }, function () {
            $(this).find(".inside").stop(true, true).animate({ top: 295 }, 500);
        });	
    </script>

    <script>
        $(".page a").click(function () {
            $(this).addClass("page-cut").siblings().removeClass("page-cut")

        })
    </script>

</body>

</html>